<template>
    <div class="app-Mezjn_0" style="background: linear-gradient(to right, rgb(0, 105, 70), rgb(0, 125, 95));">
        <a href="/" class="app-RyqHj_0">
            <span class="icon-17b5X_0">  </span>
        </a>
        <div class="right-iM2S__0">
            <div id="quickSearch" class="app-2XgUk">
                <div class="ivu-input-wrapper ivu-input-wrapper-small ivu-input-type input-234fu" :class="[isacnActive?'inputActive-1JXZF':'']">
                    <i class="ivu-icon ivu-icon-load-c ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i>
                    <input @focus="handleInput()" @blur="leaveInput()" autocomplete="off" type="text" placeholder="搜索员工、功能、部门、岗位、帮助文档" class="ivu-input ivu-input-small">
                </div>
                <i class="ivu-icon ivu-icon-ios-search-strong icon-IQoU9 search-1XU0j"></i>
                <div class="result-3ixiG" v-show="isShow">
                    <div class="app-2coID_0">
                        <span class="title-1shB__0">您可搜索以下内容</span>
                        <ul class="list-2LvKm_0">
                            <li class="item-XwpbX_0">
                                <img src="" class="img-tMSnL_0">
                                <span class="title-1shB__0">员工</span>
                                <span class="tip-3g1s0_0">按姓名、拼音、手机号搜索员工</span>
                            </li>
                            <li class="item-XwpbX_0">
                                <img src="" class="img-tMSnL_0">
                                <span class="title-1shB__0">部门</span>
                                <span class="tip-3g1s0_0">按部门名称搜索</span>
                            </li>
                            <li class="item-XwpbX_0">
                                <img src="" class="img-tMSnL_0">
                                <span class="title-1shB__0">岗位</span>
                                <span class="tip-3g1s0_0">按岗位名称搜索</span>
                            </li>
                            <li class="item-XwpbX_0">
                                <img src="" class="img-tMSnL_0">
                                <span class="title-1shB__0">功能</span>
                                <span class="tip-3g1s0_0">按功能名称和描述找到功能入口</span>
                            </li>
                            <li class="item-XwpbX_0">
                                <img src="" class="img-tMSnL_0">
                                <span class="title-1shB__0">帮助</span>
                                <span class="tip-3g1s0_0">按关键词找到功能帮助</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="app-1apWs">
                <div class="ivu-poptip poptip-2hwrp">
                    <div class="ivu-poptip-rel"><i class="ivu-icon ivu-icon-dm-top-notice dotIcon-wwT4H"></i></div>
                    <div class="ivu-poptip-popper" style="display: none;">
                        <div class="ivu-poptip-content">
                            <div class="ivu-poptip-arrow"></div>
                            <div class="ivu-poptip-inner">
                                <div class="ivu-poptip-body">
                                    <div class="ivu-poptip-body-content">
                                        <div class="content_wrap-2C6eY">
                                            <div class="ivu-tabs ivu-tabs-no-animation">
                                                <div class="ivu-tabs-bar">
                                                    <div class="ivu-tabs-nav-container">
                                                        <div class="ivu-tabs-nav-wrap">
                                                            <div class="ivu-tabs-nav-scroll">
                                                                <div class="ivu-tabs-nav">
                                                                    <div class="ivu-tabs-ink-bar" style="display: block; width: 0px; left: 0px;"></div>
                                                                    <div class="ivu-tabs-tab ivu-tabs-tab-active">消息通知</div>
                                                                    <div class="ivu-tabs-tab">系统公告</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ivu-tabs-content" style="transform: translateX(0%) translateZ(0px);">
                                                    <div class="ivu-tabs-tabpane" style="padding: 0px;">
                                                        <span class="noMsg-2Ybz-">暂无消息</span>
                                                    </div>
                                                    <div class="ivu-tabs-tabpane" style="padding: 0px; display: none;">
                                                        <div class="app-CXi_g_0 item-sb5rV">
                                                            <div class="left-1tCMH_0">
                                                                <p title="邀请您加入“2号全国HR职业进阶社群”">邀请您加入“2号全国HR职业进阶社群”</p>
                                                                <img src="" class="new-1gGky_0">
                                                            </div>
                                                            <div class="right-59Y1O_0">
                                                                <span class="time-3nAaS_0">6月11日 16:11</span>
                                                            </div>
                                                        </div>
                                                        <div class="app-CXi_g_0 item-sb5rV">
                                                            <div class="left-1tCMH_0">
                                                                <p title="审批内测上线">审批内测上线</p>
                                                            </div>
                                                            <div class="right-59Y1O_0"><span class="time-3nAaS_0">6月7日 22:10</span>
                                                            </div>
                                                        </div>
                                                        <div class="app-CXi_g_0 item-sb5rV">
                                                            <div class="left-1tCMH_0">
                                                                <p title="【版本更新】弹性考勤上线啦！">【版本更新】弹性考勤上线啦！</p>
                                                            </div>
                                                            <div class="right-59Y1O_0"><span class="time-3nAaS_0">5月31日 20:23</span>
                                                            </div>
                                                        </div>
                                                        <div class="app-CXi_g_0 item-sb5rV">
                                                            <div class="left-1tCMH_0">
                                                                <p title="【招聘管理】正式上线！你想要的都给你！">【招聘管理】正式上线！你想要的都给你！</p>
                                                            </div>
                                                            <div class="right-59Y1O_0">
                                                                <span class="time-3nAaS_0">5月29日 20:35</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <span class="more-3u_2A">查看更多</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="app-BHwCl_0">
                <div class="ivu-poptip">
                    <div class="ivu-poptip-rel"><i class="ivu-icon ivu-icon-dm-contact-number icon-26dX-_0"></i></div>
                    <div class="ivu-poptip-popper" style="display: none;">
                        <div class="ivu-poptip-content">
                            <div class="ivu-poptip-arrow"></div>
                            <div class="ivu-poptip-inner">
                                <div class="ivu-poptip-title">
                                    <div class="ivu-poptip-title-inner">联系我们</div>
                                </div>
                                <div class="ivu-poptip-body">
                                    <div class="ivu-poptip-body-content">
                                        <div class="content-xESTT_0">
                                            <div class="item-qXYJQ_0"><img
                                                src="">400-930-3322
                                            </div>
                                            <div class="time-1Hlsq_0">拨打请在工作日时间：9:00 - 18:00</div>
                                            <div class="item-qXYJQ_0 server_center-3RwAH_0"><img
                                                src="">本地服务中心
                                            </div>
                                            <div class="time-1Hlsq_0">提供OA咨询、部署等服务</div>
                                            <button type="button" class="ivu-btn ivu-btn-primary ivu-btn-large serverBtn-2PqNB_0">
                                                <span>前往服务中心</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="app-19XL4_0"><span>我要反馈</span>
                <div class="app-27cIG"></div>
            </div>
            <div class="ivu-poptip" id="m-main-signOut" style="margin-right: 32px;">
                <div class="ivu-poptip-rel"><span class="app-_B0DE_0">设置</span></div>
                <div class="ivu-poptip-popper" style="display: none;">
                    <div class="ivu-poptip-content">
                        <div class="ivu-poptip-arrow"></div>
                        <div class="ivu-poptip-inner">
                            <div class="ivu-poptip-body">
                                <div class="ivu-poptip-body-content">
                                    <div class="content-2hAN8_0">
                                        <ul>
                                            <li>个人设置</li>
                                            <li>企业设置</li>
                                            <li>个性化设置</li>
                                            <li>账户中心</li>
                                        </ul>
                                        <span>退出登录</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
      name: "Header",
      data () {
        return {
          isShow: false,
          isacnActive: false
        }
      },
      methods:{
        handleInput () {
          this.isShow = true;
          this.isacnActive = true
        },
        leaveInput () {
          this.isShow = false
          this.isacnActive = false
        }
      }
    }
</script>

<style scoped>
        .handsontable {
            position: relative
        }

        .handsontable .hide {
            display: none
        }

        .handsontable .relative {
            position: relative
        }

        .handsontable.htAutoSize {
            visibility: hidden;
            left: -99000px;
            position: absolute;
            top: -99000px
        }

        .handsontable .wtHider {
            width: 0
        }

        .handsontable .wtSpreader {
            position: relative;
            width: 0;
            height: auto
        }

        .handsontable table, .handsontable tbody, .handsontable thead, .handsontable td, .handsontable th, .handsontable input, .handsontable textarea, .handsontable div {
            box-sizing: content-box;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box
        }

        .handsontable input, .handsontable textarea {
            min-height: initial
        }

        .handsontable table.htCore {
            border-collapse: separate;
            border-spacing: 0;
            margin: 0;
            border-width: 0;
            table-layout: fixed;
            width: 0;
            outline-width: 0;
            max-width: none;
            max-height: none
        }

        .handsontable col {
            width: 50px
        }

        .handsontable col.rowHeader {
            width: 50px
        }

        .handsontable th, .handsontable td {
            border-top-width: 0;
            border-left-width: 0;
            border-right: 1px solid #CCC;
            border-bottom: 1px solid #CCC;
            height: 22px;
            empty-cells: show;
            line-height: 21px;
            padding: 0 4px 0 4px;
            background-color: #FFF;
            vertical-align: top;
            overflow: hidden;
            outline-width: 0;
            white-space: pre-line;
            background-clip: padding-box
        }

        .handsontable td.htInvalid {
            background-color: #ff4c42 !important
        }

        .handsontable td.htNoWrap {
            white-space: nowrap
        }

        .handsontable th:last-child {
            border-right: 1px solid #CCC;
            border-bottom: 1px solid #CCC
        }

        .handsontable tr:first-child th.htNoFrame, .handsontable th:first-child.htNoFrame, .handsontable th.htNoFrame {
            border-left-width: 0;
            background-color: white;
            border-color: #FFF
        }

        .handsontable th:first-child, .handsontable th:nth-child(2), .handsontable td:first-of-type, .handsontable .htNoFrame + th, .handsontable .htNoFrame + td {
            border-left: 1px solid #CCC
        }

        .handsontable.htRowHeaders thead tr th:nth-child(2) {
            border-left: 1px solid #CCC
        }

        .handsontable tr:first-child th, .handsontable tr:first-child td {
            border-top: 1px solid #CCC
        }

        .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th, .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
            border-right-width: 0
        }

        .ht_master:not(.innerBorderTop) thead tr:last-child th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th, .ht_master:not(.innerBorderTop) thead tr.lastChild th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
            border-bottom-width: 0
        }

        .handsontable th {
            background-color: #f3f3f3;
            color: #222;
            text-align: center;
            font-weight: normal;
            white-space: nowrap
        }

        .handsontable thead th {
            padding: 0
        }

        .handsontable th.active {
            background-color: #CCC
        }

        .handsontable thead th .relative {
            padding: 2px 4px
        }

        .handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight {
            background-color: #dcdcdc
        }

        .handsontable.ht__selection--columns thead th.ht__highlight, .handsontable.ht__selection--rows tbody th.ht__highlight {
            background-color: #8eb0e7;
            color: #000
        }

        .handsontable .manualColumnResizer {
            position: fixed;
            top: 0;
            cursor: col-resize;
            z-index: 110;
            width: 5px;
            height: 25px
        }

        .handsontable .manualRowResizer {
            position: fixed;
            left: 0;
            cursor: row-resize;
            z-index: 110;
            height: 5px;
            width: 50px
        }

        .handsontable .manualColumnResizer:hover, .handsontable .manualColumnResizer.active, .handsontable .manualRowResizer:hover, .handsontable .manualRowResizer.active {
            background-color: #AAB
        }

        .handsontable .manualColumnResizerGuide {
            position: fixed;
            right: 0;
            top: 0;
            background-color: #AAB;
            display: none;
            width: 0;
            border-right: 1px dashed #777;
            margin-left: 5px
        }

        .handsontable .manualRowResizerGuide {
            position: fixed;
            left: 0;
            bottom: 0;
            background-color: #AAB;
            display: none;
            height: 0;
            border-bottom: 1px dashed #777;
            margin-top: 5px
        }

        .handsontable .manualColumnResizerGuide.active, .handsontable .manualRowResizerGuide.active {
            display: block;
            z-index: 199
        }

        .handsontable .columnSorting {
            position: relative
        }

        .handsontable .columnSorting:hover {
            text-decoration: underline;
            cursor: pointer
        }

        .handsontable .columnSorting.ascending::after {
            content: '\25B2';
            color: #5f5f5f;
            position: absolute;
            right: -15px
        }

        .handsontable .columnSorting.descending::after {
            content: '\25BC';
            color: #5f5f5f;
            position: absolute;
            right: -15px
        }

        .handsontable .wtBorder {
            position: absolute;
            font-size: 0
        }

        .handsontable .wtBorder.hidden {
            display: none !important
        }

        .handsontable td.area {
            background: -moz-linear-gradient(top, rgba(181, 209, 255, 0.34) 0, rgba(181, 209, 255, 0.34) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 209, 255, 0.34)), color-stop(100%, rgba(181, 209, 255, 0.34)));
            background: -webkit-linear-gradient(top, rgba(181, 209, 255, 0.34) 0, rgba(181, 209, 255, 0.34) 100%);
            background: -o-linear-gradient(top, rgba(181, 209, 255, 0.34) 0, rgba(181, 209, 255, 0.34) 100%);
            background: -ms-linear-gradient(top, rgba(181, 209, 255, 0.34) 0, rgba(181, 209, 255, 0.34) 100%);
            background: linear-gradient(to bottom, rgba(181, 209, 255, 0.34) 0, rgba(181, 209, 255, 0.34) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b5d1ff', endColorstr='#57b5d1ff', GradientType=0);
            background-color: #fff
        }

        .handsontable .wtBorder.corner {
            font-size: 0;
            cursor: crosshair
        }

        .handsontable .htBorder.htFillBorder {
            background: red;
            width: 1px;
            height: 1px
        }

        .handsontableInput {
            border: 0;
            outline-width: 0;
            margin: 0;
            padding: 1px 5px 0 5px;
            font-family: inherit;
            line-height: 21px;
            font-size: inherit;
            box-shadow: 0 0 0 2px #5292f7 inset;
            resize: none;
            display: inline-block;
            color: #000;
            border-radius: 0;
            background-color: #FFF
        }

        .handsontableInputHolder {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100
        }

        .htSelectEditor {
            -webkit-appearance: menulist-button !important;
            position: absolute;
            width: auto
        }

        .handsontable .htDimmed {
            color: #a0a0a0
        }

        .handsontable .htSubmenu {
            position: relative
        }

        .handsontable .htSubmenu :after {
            content: '\25B6';
            color: #777;
            position: absolute;
            right: 5px
        }

        .handsontable .htLeft {
            text-align: left
        }

        .handsontable .htCenter {
            text-align: center
        }

        .handsontable .htRight {
            text-align: right
        }

        .handsontable .htJustify {
            text-align: justify
        }

        .handsontable .htTop {
            vertical-align: top
        }

        .handsontable .htMiddle {
            vertical-align: middle
        }

        .handsontable .htBottom {
            vertical-align: bottom
        }

        .handsontable .htPlaceholder {
            color: #999
        }

        .handsontable .htAutocompleteArrow {
            float: right;
            font-size: 10px;
            color: #EEE;
            cursor: default;
            width: 16px;
            text-align: center
        }

        .handsontable td .htAutocompleteArrow:hover {
            color: #777
        }

        .handsontable td.area .htAutocompleteArrow {
            color: #d3d3d3
        }

        .handsontable .htCheckboxRendererInput {
            display: inline-block;
            vertical-align: middle
        }

        .handsontable .htCheckboxRendererInput.noValue {
            opacity: .5
        }

        .handsontable .htCheckboxRendererLabel {
            cursor: pointer;
            display: inline-block;
            width: 100%
        }

        @-webkit-keyframes opacity-hide {
            from {
                opacity: 1
            }
            to {
                opacity: 0
            }
        }

        @keyframes opacity-hide {
            from {
                opacity: 1
            }
            to {
                opacity: 0
            }
        }

        @-webkit-keyframes opacity-show {
            from {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }

        @keyframes opacity-show {
            from {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }

        .handsontable .handsontable.ht_clone_top .wtHider {
            padding: 0 0 5px 0
        }

        .handsontable .autocompleteEditor.handsontable {
            padding-right: 17px
        }

        .handsontable .autocompleteEditor.handsontable.htMacScroll {
            padding-right: 15px
        }

        .handsontable.listbox {
            margin: 0
        }

        .handsontable.listbox .ht_master table {
            border: 1px solid #ccc;
            border-collapse: separate;
            background: white
        }

        .handsontable.listbox th, .handsontable.listbox tr:first-child th, .handsontable.listbox tr:last-child th, .handsontable.listbox tr:first-child td, .handsontable.listbox td {
            border-color: transparent
        }

        .handsontable.listbox th, .handsontable.listbox td {
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .handsontable.listbox td.htDimmed {
            cursor: default;
            color: inherit;
            font-style: inherit
        }

        .handsontable.listbox .wtBorder {
            visibility: hidden
        }

        .handsontable.listbox tr td.current, .handsontable.listbox tr:hover td {
            background: #eee
        }

        .ht_clone_top {
            z-index: 101
        }

        .ht_clone_left {
            z-index: 102
        }

        .ht_clone_top_left_corner, .ht_clone_bottom_left_corner {
            z-index: 103
        }

        .ht_clone_debug {
            z-index: 103
        }

        .handsontable td.htSearchResult {
            background: #fcedd9;
            color: #583707
        }

        .htBordered {
            border-width: 1px
        }

        .htBordered.htTopBorderSolid {
            border-top-style: solid;
            border-top-color: #000
        }

        .htBordered.htRightBorderSolid {
            border-right-style: solid;
            border-right-color: #000
        }

        .htBordered.htBottomBorderSolid {
            border-bottom-style: solid;
            border-bottom-color: #000
        }

        .htBordered.htLeftBorderSolid {
            border-left-style: solid;
            border-left-color: #000
        }

        .handsontable tbody tr th:nth-last-child(2) {
            border-right: 1px solid #CCC
        }

        .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
            border-bottom: 1px solid #CCC;
            padding-bottom: 5px
        }

        .ht_clone_top_left_corner thead tr th:nth-last-child(2) {
            border-right: 1px solid #CCC
        }

        .htCollapseButton {
            width: 10px;
            height: 10px;
            line-height: 10px;
            text-align: center;
            border-radius: 5px;
            border: 1px solid #f3f3f3;
            -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
            cursor: pointer;
            margin-bottom: 3px;
            position: relative
        }

        .htCollapseButton:after {
            content: "";
            height: 300%;
            width: 1px;
            display: block;
            background: #ccc;
            margin-left: 4px;
            position: absolute;
            bottom: 10px
        }

        thead .htCollapseButton {
            right: 5px;
            position: absolute;
            top: 5px;
            background: #fff
        }

        thead .htCollapseButton:after {
            height: 1px;
            width: 700%;
            right: 10px;
            top: 4px
        }

        .handsontable tr th .htExpandButton {
            position: absolute;
            width: 10px;
            height: 10px;
            line-height: 10px;
            text-align: center;
            border-radius: 5px;
            border: 1px solid #f3f3f3;
            -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
            cursor: pointer;
            top: 0;
            display: none
        }

        .handsontable thead tr th .htExpandButton {
            top: 5px
        }

        .handsontable tr th .htExpandButton.clickable {
            display: block
        }

        .collapsibleIndicator {
            position: absolute;
            top: 50%;
            transform: translate(0%, -50%);
            right: 5px;
            border: 1px solid #a6a6a6;
            line-height: 10px;
            color: #222;
            border-radius: 10px;
            font-size: 10px;
            width: 10px;
            height: 10px;
            cursor: pointer;
            -webkit-box-shadow: 0 0 0 6px rgba(238, 238, 238, 1);
            -moz-box-shadow: 0 0 0 6px rgba(238, 238, 238, 1);
            box-shadow: 0 0 0 6px rgba(238, 238, 238, 1);
            background: #eee
        }

        .handsontable col.hidden {
            width: 0 !important
        }

        .handsontable table tr th.lightRightBorder {
            border-right: 1px solid #e6e6e6
        }

        .handsontable tr.hidden, .handsontable tr.hidden td, .handsontable tr.hidden th {
            display: none
        }

        .ht_master, .ht_clone_left, .ht_clone_top, .ht_clone_bottom {
            overflow: hidden
        }

        .ht_master .wtHolder {
            overflow: auto
        }

        .ht_clone_left .wtHolder {
            overflow-x: hidden;
            overflow-y: auto
        }

        .ht_clone_top .wtHolder, .ht_clone_bottom .wtHolder {
            overflow-x: auto;
            overflow-y: hidden
        }

        .wtDebugHidden {
            display: none
        }

        .wtDebugVisible {
            display: block;
            -webkit-animation-duration: .5s;
            -webkit-animation-name: wtFadeInFromNone;
            animation-duration: .5s;
            animation-name: wtFadeInFromNone
        }

        @keyframes wtFadeInFromNone {
            0% {
                display: none;
                opacity: 0
            }
            1% {
                display: block;
                opacity: 0
            }
            100% {
                display: block;
                opacity: 1
            }
        }

        @-webkit-keyframes wtFadeInFromNone {
            0% {
                display: none;
                opacity: 0
            }
            1% {
                display: block;
                opacity: 0
            }
            100% {
                display: block;
                opacity: 1
            }
        }

        .handsontable.mobile, .handsontable.mobile .wtHolder {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-overflow-scrolling: touch
        }

        .htMobileEditorContainer {
            display: none;
            position: absolute;
            top: 0;
            width: 70%;
            height: 54pt;
            background: #f8f8f8;
            border-radius: 20px;
            border: 1px solid #ebebeb;
            z-index: 999;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -webkit-text-size-adjust: none
        }

        .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle), .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
            z-index: 9999
        }

        .topLeftSelectionHandle, .topLeftSelectionHandle-HitArea, .bottomRightSelectionHandle, .bottomRightSelectionHandle-HitArea {
            left: -10000px;
            top: -10000px
        }

        .htMobileEditorContainer.active {
            display: block
        }

        .htMobileEditorContainer .inputs {
            position: absolute;
            right: 210pt;
            bottom: 10pt;
            top: 10pt;
            left: 14px;
            height: 34pt
        }

        .htMobileEditorContainer .inputs textarea {
            font-size: 13pt;
            border: 1px solid #a1a1a1;
            -webkit-appearance: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            position: absolute;
            left: 14px;
            right: 14px;
            top: 0;
            bottom: 0;
            padding: 7pt
        }

        .htMobileEditorContainer .cellPointer {
            position: absolute;
            top: -13pt;
            height: 0;
            width: 0;
            left: 30px;
            border-left: 13pt solid transparent;
            border-right: 13pt solid transparent;
            border-bottom: 13pt solid #ebebeb
        }

        .htMobileEditorContainer .cellPointer.hidden {
            display: none
        }

        .htMobileEditorContainer .cellPointer:before {
            content: '';
            display: block;
            position: absolute;
            top: 2px;
            height: 0;
            width: 0;
            left: -13pt;
            border-left: 13pt solid transparent;
            border-right: 13pt solid transparent;
            border-bottom: 13pt solid #f8f8f8
        }

        .htMobileEditorContainer .moveHandle {
            position: absolute;
            top: 10pt;
            left: 5px;
            width: 30px;
            bottom: 0;
            cursor: move;
            z-index: 9999
        }

        .htMobileEditorContainer .moveHandle:after {
            content: "..A..A..A..";
            white-space: pre;
            line-height: 10px;
            font-size: 20pt;
            display: inline-block;
            margin-top: -8px;
            color: #ebebeb
        }

        .htMobileEditorContainer .positionControls {
            width: 205pt;
            position: absolute;
            right: 5pt;
            top: 0;
            bottom: 0
        }

        .htMobileEditorContainer .positionControls > div {
            width: 50pt;
            height: 100%;
            float: left
        }

        .htMobileEditorContainer .positionControls > div:after {
            content: " ";
            display: block;
            width: 15pt;
            height: 15pt;
            text-align: center;
            line-height: 50pt
        }

        .htMobileEditorContainer .leftButton:after, .htMobileEditorContainer .rightButton:after, .htMobileEditorContainer .upButton:after, .htMobileEditorContainer .downButton:after {
            transform-origin: 5pt 5pt;
            -webkit-transform-origin: 5pt 5pt;
            margin: 21pt 0 0 21pt
        }

        .htMobileEditorContainer .leftButton:after {
            border-top: 2px solid #288ffe;
            border-left: 2px solid #288ffe;
            -webkit-transform: rotate(-45deg)
        }

        .htMobileEditorContainer .leftButton:active:after {
            border-color: #cfcfcf
        }

        .htMobileEditorContainer .rightButton:after {
            border-top: 2px solid #288ffe;
            border-left: 2px solid #288ffe;
            -webkit-transform: rotate(135deg)
        }

        .htMobileEditorContainer .rightButton:active:after {
            border-color: #cfcfcf
        }

        .htMobileEditorContainer .upButton:after {
            border-top: 2px solid #288ffe;
            border-left: 2px solid #288ffe;
            -webkit-transform: rotate(45deg)
        }

        .htMobileEditorContainer .upButton:active:after {
            border-color: #cfcfcf
        }

        .htMobileEditorContainer .downButton:after {
            border-top: 2px solid #288ffe;
            border-left: 2px solid #288ffe;
            -webkit-transform: rotate(225deg)
        }

        .htMobileEditorContainer .downButton:active:after {
            border-color: #cfcfcf
        }

        .handsontable.hide-tween {
            -webkit-animation: opacity-hide .3s;
            animation: opacity-hide .3s;
            animation-fill-mode: forwards;
            -webkit-animation-fill-mode: forwards
        }

        .handsontable.show-tween {
            -webkit-animation: opacity-show .3s;
            animation: opacity-show .3s;
            animation-fill-mode: forwards;
            -webkit-animation-fill-mode: forwards
        }

        .htCommentCell {
            position: relative
        }

        .htCommentCell:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            border-left: 6px solid transparent;
            border-top: 6px solid black
        }

        .htComments {
            display: none;
            z-index: 1059;
            position: absolute
        }

        .htCommentTextArea {
            box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: 0;
            border-left: 3px solid #ccc;
            background-color: #fff;
            width: 215px;
            height: 90px;
            font-size: 12px;
            padding: 5px;
            outline: 0 !important;
            -webkit-appearance: none
        }

        .htCommentTextArea:focus {
            box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7;
            border-left: 3px solid #5292f7
        }

        /*!
            * Handsontable ContextMenu
        */
        .htContextMenu {
            display: none;
            position: absolute;
            z-index: 1060
        }

        .htContextMenu .ht_clone_top, .htContextMenu .ht_clone_left, .htContextMenu .ht_clone_corner, .htContextMenu .ht_clone_debug {
            display: none
        }

        .htContextMenu table.htCore {
            border: 1px solid #ccc;
            border-bottom-width: 2px;
            border-right-width: 2px
        }

        .htContextMenu .wtBorder {
            visibility: hidden
        }

        .htContextMenu table tbody tr td {
            background: white;
            border-width: 0;
            padding: 4px 6px 0 6px;
            cursor: pointer;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .htContextMenu table tbody tr td:first-child {
            border: 0
        }

        .htContextMenu table tbody tr td.htDimmed {
            font-style: normal;
            color: #323232
        }

        .htContextMenu table tbody tr td.current, .htContextMenu table tbody tr td.zeroclipboard-is-hover {
            background: #f3f3f3
        }

        .htContextMenu table tbody tr td.htSeparator {
            border-top: 1px solid #bbb;
            height: 0;
            padding: 0;
            cursor: default
        }

        .htContextMenu table tbody tr td.htDisabled {
            color: #999;
            cursor: default
        }

        .htContextMenu table tbody tr td.htDisabled:hover {
            background: #fff;
            color: #999;
            cursor: default
        }

        .htContextMenu table tbody tr.htHidden {
            display: none
        }

        .htContextMenu table tbody tr td .htItemWrapper {
            margin-left: 10px;
            margin-right: 6px
        }

        .htContextMenu table tbody tr td div span.selected {
            margin-top: -2px;
            position: absolute;
            left: 4px
        }

        .htContextMenu .ht_master .wtHolder {
            overflow: hidden
        }

        .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2), .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type {
            border-left: 0 none
        }

        .handsontable .wtHider {
            position: relative
        }

        .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
            cursor: move;
            cursor: -moz-grab;
            cursor: -webkit-grab;
            cursor: grab
        }

        .handsontable.ht__manualColumnMove.on-moving--columns, .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
            cursor: move;
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

        .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
            display: none
        }

        .handsontable .ht__manualColumnMove--guideline, .handsontable .ht__manualColumnMove--backlight {
            position: absolute;
            height: 100%;
            display: none
        }

        .handsontable .ht__manualColumnMove--guideline {
            background: #757575;
            width: 2px;
            top: 0;
            margin-left: -1px;
            z-index: 105
        }

        .handsontable .ht__manualColumnMove--backlight {
            background: #343434;
            background: rgba(52, 52, 52, 0.25);
            display: none;
            z-index: 105;
            pointer-events: none
        }

        .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline, .handsontable.on-moving--columns .ht__manualColumnMove--backlight {
            display: block
        }

        .handsontable .wtHider {
            position: relative
        }

        .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
            cursor: move;
            cursor: -moz-grab;
            cursor: -webkit-grab;
            cursor: grab
        }

        .handsontable.ht__manualRowMove.on-moving--rows, .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
            cursor: move;
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

        .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
            display: none
        }

        .handsontable .ht__manualRowMove--guideline, .handsontable .ht__manualRowMove--backlight {
            position: absolute;
            width: 100%;
            display: none
        }

        .handsontable .ht__manualRowMove--guideline {
            background: #757575;
            height: 2px;
            left: 0;
            margin-top: -1px;
            z-index: 105
        }

        .handsontable .ht__manualRowMove--backlight {
            background: #343434;
            background: rgba(52, 52, 52, 0.25);
            display: none;
            z-index: 105;
            pointer-events: none
        }

        .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline, .handsontable.on-moving--rows .ht__manualRowMove--backlight {
            display: block
        }

        /*!
        * Pikaday
            * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
        */
        .pika-single {
            z-index: 9999;
            display: block;
            position: relative;
            color: #333;
            background: #fff;
            border: 1px solid #ccc;
            border-bottom-color: #bbb;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
        }

        .pika-single:before, .pika-single:after {
            content: " ";
            display: table
        }

        .pika-single:after {
            clear: both
        }

        .pika-single {
            *zoom: 1
        }

        .pika-single.is-hidden {
            display: none
        }

        .pika-single.is-bound {
            position: absolute;
            box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
        }

        .pika-lendar {
            float: left;
            width: 240px;
            margin: 8px
        }

        .pika-title {
            position: relative;
            text-align: center
        }

        .pika-label {
            display: inline-block;
            *display: inline;
            position: relative;
            z-index: 9999;
            overflow: hidden;
            margin: 0;
            padding: 5px 3px;
            font-size: 14px;
            line-height: 20px;
            font-weight: bold;
            background-color: #fff
        }

        .pika-title select {
            cursor: pointer;
            position: absolute;
            z-index: 9998;
            margin: 0;
            left: 0;
            top: 5px;
            filter: alpha(opacity=0);
            opacity: 0
        }

        .pika-prev, .pika-next {
            display: block;
            cursor: pointer;
            position: relative;
            outline: 0;
            border: 0;
            padding: 0;
            width: 20px;
            height: 30px;
            text-indent: 20px;
            white-space: nowrap;
            overflow: hidden;
            background-color: transparent;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 75% 75%;
            opacity: .5;
            *position: absolute;
            *top: 0
        }

        .pika-prev:hover, .pika-next:hover {
            opacity: 1
        }

        .pika-prev, .is-rtl .pika-next {
            float: left;
            background-image: url('');
            *left: 0
        }

        .pika-next, .is-rtl .pika-prev {
            float: right;
            background-image: url('');
            *right: 0
        }

        .pika-prev.is-disabled, .pika-next.is-disabled {
            cursor: default;
            opacity: .2
        }

        .pika-select {
            display: inline-block;
            *display: inline
        }

        .pika-table {
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
            border: 0
        }

        .pika-table th, .pika-table td {
            width: 14.285714285714286%;
            padding: 0
        }

        .pika-table th {
            color: #999;
            font-size: 12px;
            line-height: 25px;
            font-weight: bold;
            text-align: center
        }

        .pika-button {
            cursor: pointer;
            display: block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            outline: 0;
            border: 0;
            margin: 0;
            width: 100%;
            padding: 5px;
            color: #666;
            font-size: 12px;
            line-height: 15px;
            text-align: right;
            background: #f5f5f5
        }

        .pika-week {
            font-size: 11px;
            color: #999
        }

        .is-today .pika-button {
            color: #3af;
            font-weight: bold
        }

        .is-selected .pika-button {
            color: #fff;
            font-weight: bold;
            background: #3af;
            box-shadow: inset 0 1px 3px #178fe5;
            border-radius: 3px
        }

        .is-inrange .pika-button {
            background: #d5e9f7
        }

        .is-startrange .pika-button {
            color: #fff;
            background: #6cb31d;
            box-shadow: none;
            border-radius: 3px
        }

        .is-endrange .pika-button {
            color: #fff;
            background: #3af;
            box-shadow: none;
            border-radius: 3px
        }

        .is-disabled .pika-button, .is-outside-current-month .pika-button {
            pointer-events: none;
            cursor: default;
            color: #999;
            opacity: .3
        }

        .pika-button:hover {
            color: #fff;
            background: #ff8000;
            box-shadow: none;
            border-radius: 3px
        }

        .pika-table abbr {
            border-bottom: 0;
            cursor: help
        }
        .app-Mezjn_0 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: fixed;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            top: 0;
            min-width: 1280px;
            width: 100%;
            height: 60px;
            color: #fff;
            font-size: 14px;
            z-index: 200;
            transition: top 0.5s;
        }

        .app-Mezjn_0.hasBulletin-2Eq0Z_0 {
            transition: top 0.5s;
            top: 40px;
        }

        .app-RyqHj_0 {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 1px 24px 0 10px;
        }

        .app-RyqHj_0 .icon-17b5X_0 {
            font-size: 28px;
            color: rgba(255, 255, 255, 0.9);
            margin-top: -4px;
        }

        /*.app-RyqHj_0 > span {*/
            /*display: -webkit-inline-box;*/
            /*display: -ms-inline-flexbox;*/
            /*display: inline-flex;*/
            /*-webkit-box-align: center;*/
            /*-ms-flex-align: center;*/
            /*align-items: center;*/
            /*line-height: 1em;*/
            /*padding: 0 4px;*/
            /*height: 20px;*/
            /*text-align: center;*/
            /*border: 1px solid rgba(255, 255, 255, 0.6);*/
            /*border-radius: 4px;*/
            /*font-size: 12px;*/
            /*color: rgba(255, 255, 255, 0.9);*/
        /*}*/



        .right-iM2S__0 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-left: auto;
        }

        /*搜索框部分css*/
        .app-2XgUk {
            background-color: rgba(0, 0, 0, 0.15);
            border-radius: 4px;
            border: 1px solid transparent;
            margin-right: 24px;
            color: #fff;
            height: 32px;
            position: relative;
        }

        .app-2XgUk .input-234fu {
            width: 300px;
        }

        .app-2XgUk .input-234fu input {
            background: transparent;
            box-shadow: none;
            border: none;
            height: 32px;
            color: white;
        }

        .app-2XgUk .input-234fu input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.7);
            font-size: 12px;
        }

        .app-2XgUk .input-234fu input:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.7);
            font-size: 12px;
        }

        .app-2XgUk .input-234fu input::placeholder {
            color: rgba(255, 255, 255, 0.7);
            font-size: 12px;
        }

        .app-2XgUk .input-234fu.inputActive-1JXZF {
            background-color: white;
            border-radius: 4px;
        }

        .app-2XgUk .input-234fu.inputActive-1JXZF input {
            color: #495060;
            font-size: 14px;
            padding-right: 36px;
        }

        .app-2XgUk .input-234fu.inputActive-1JXZF input::-webkit-input-placeholder {
            color: #bbbec4;
        }

        .app-2XgUk .input-234fu.inputActive-1JXZF input:-ms-input-placeholder {
            color: #bbbec4;
        }

        .app-2XgUk .input-234fu.inputActive-1JXZF input::placeholder {
            color: #bbbec4;
        }

        .result-3ixiG {
            position: absolute;
            width: 300px;
            max-height: 368px;
            bottom: -8px;
            right: 0;
            background-color: white;
            box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
            border-radius: 4px;
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            color: #495060;
            font-size: 14px;
            -webkit-animation: shadeIn-2lULI 0.5s;
            animation: shadeIn-2lULI 0.5s;
        }

        .result-3ixiG > span {
            color: #80848f;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .result-3ixiG .spin-1EUpl {
            height: 100px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        @-webkit-keyframes shadeIn-2lULI {
            from {
                -webkit-transform: translateY(100%) translateX(20px) scale(0.9, 0.9);
                transform: translateY(100%) translateX(20px) scale(0.9, 0.9);
                opacity: 0;
            }
            to {
                -webkit-transform: translateY(100%) translateX(0) scale(1, 1);
                transform: translateY(100%) translateX(0) scale(1, 1);
                opacity: 1;
            }
        }

        @keyframes shadeIn-2lULI {
            from {
                -webkit-transform: translateY(100%) translateX(20px) scale(0.9, 0.9);
                transform: translateY(100%) translateX(20px) scale(0.9, 0.9);
                opacity: 0;
            }
            to {
                -webkit-transform: translateY(100%) translateX(0) scale(1, 1);
                transform: translateY(100%) translateX(0) scale(1, 1);
                opacity: 1;
            }
        }

        .tabs-1iF_F {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin: 10px 24px 0;
            border-bottom: 1px solid #f0f4f8;
        }

        .tabs-1iF_F li {
            padding: 16px 16px 12px;
            position: relative;
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .tabs-1iF_F li > span {
            white-space: nowrap;
            line-height: 1em;
        }

        .tabs-1iF_F li .num-R5kPa {
            height: 16px;
            font-size: 10px;
            padding: 0 8px;
            color: #80848f;
            -webkit-text-size-adjust: none;
            -ms-text-size-adjust: none;
            text-size-adjust: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #f0f4f8;
            border-radius: 4px;
            margin-left: 4px;
        }

        .tabs-1iF_F li:hover {
            color: #59c993;
        }

        .tabs-1iF_F .active-3n3Jp {
            color: #0bb27a;
        }

        .tabs-1iF_F .active-3n3Jp::after {
            content: ' ';
            background-color: #0bb27a;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
        }

        .list-3K69U {
            max-height: 308px;
            padding: 8px 0;
            overflow: auto;
        }

        .list-3K69U li {
            min-height: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #495060;
            font-size: 14px;
            cursor: pointer;
            padding: 8px 25px;
        }

        .list-3K69U li .keyword-1Zgx8 {
            color: #0bb27a;
            vertical-align: top;
        }

        .list-3K69U li:hover {
            background-color: #f3f3f3;
        }

        .list-3K69U li.active-3n3Jp {
            background-color: #0bb27a;
            color: white;
        }

        .list-3K69U li.active-3n3Jp .desc-2AxeI,
        .list-3K69U li.active-3n3Jp .func-qnlxM,
        .list-3K69U li.active-3n3Jp .employeeNums-Ee_sW,
        .list-3K69U li.active-3n3Jp .keyword-1Zgx8 {
            color: white;
        }

        .list-3K69U li.active-3n3Jp .desc-2AxeI span,
        .list-3K69U li.active-3n3Jp .func-qnlxM span,
        .list-3K69U li.active-3n3Jp .employeeNums-Ee_sW span,
        .list-3K69U li.active-3n3Jp .keyword-1Zgx8 span {
            color: white;
        }

        .list-3K69U li .funcTitle-1Wdub {
            width: 100%;
        }

        .list-3K69U li .leaved-3l0vz {
            color: #f16543;
            font-size: 12px;
            margin-left: 12px;
        }

        .list-3K69U li .employeeNums-Ee_sW {
            color: #80848f;
            font-size: 12px;
        }

        .list-3K69U li .desc-2AxeI {
            color: #80848f;
            font-size: 12px;
        }

        .icon-IQoU9 {
            position: absolute;
            right: 6px;
            top: 0;
            bottom: 0;
            margin: auto;
            font-size: 20px;
            height: 18px;
            color: #bbbec4;
        }

        .icon-IQoU9.clear-Lm732 {
            cursor: pointer;
        }

        .icon-IQoU9.clear-Lm732:hover {
            opacity: 0.8;
        }

        .icon-IQoU9.search-1XU0j {
            color: rgba(255, 255, 255, 0.6);
        }
        .app-2coID_0 {
            padding: 24px 16px;
        }

        .app-2coID_0 > .title-1shB__0 {
            color: #80848f;
            font-size: 12px;
            line-height: 1em;
        }

        .app-2coID_0 .list-2LvKm_0 .item-XwpbX_0 {
            margin-top: 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .app-2coID_0 .list-2LvKm_0 .item-XwpbX_0 .img-tMSnL_0 {
            width: 20px;
            height: 20px;
            margin-right: 12px;
        }

        .app-2coID_0 .list-2LvKm_0 .item-XwpbX_0 .title-1shB__0 {
            color: #495060;
            font-size: 14px;
            line-height: 1em;
        }

        .app-2coID_0 .list-2LvKm_0 .item-XwpbX_0 .tip-3g1s0_0 {
            color: #bbbec4;
            line-height: 1em;
            margin-left: 4px;
            font-size: 12px;
            margin-top: 1px;
        }
        .wraper-2mWzK_0 {
            position: relative;
            margin-top: 12px;
        }

        .wraper-2mWzK_0:hover .close-2C5YM_0 {
            display: block;
        }

        .close-2C5YM_0 {
            display: none;
            position: absolute;
            z-index: 9;
            right: 0;
            top: 0;
            width: 20px;
            height: 20px;
            text-align: center;
            background-color: #0bb27a;
            font-size: 14px;
            cursor: pointer;
            color: #fff;
        }

        .close-2C5YM_0:hover {
            background-color: #f16543;
        }

        .icon-ryFy8_0 {
            margin-left: 4px;
        }

        .flex-1kKSL_0 {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row;
            flex-flow: row;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
        }

        .main-240BC_0 {
            position: relative;
            padding: 12px 8px 12px 16px;
            cursor: pointer;
            border: 1px solid #fff;
            background-color: #fff;
        }

        .main-240BC_0:hover {
            border: 1px dashed #0bb27a;
        }

        .left-1TNUU_0 {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            width: 91px;
        }

        .required-2qHSI_0::before {
            position: absolute;
            content: "*";
            display: inline-block;
            margin-right: 4px;
            line-height: 1;
            font-size: 12px;
            color: #f16543;
            left: -8px;
            top: 5px;
        }

        .right-3s5JH_0 {
            -ms-flex: 1;
            flex: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .sub-1RO52_0 {
            font-size: 12px;
            color: #bbbec4;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: right;
        }

        .select-1_MQq_0 {
            border: 1px solid #0bb27a;
        }

        .select-1_MQq_0:hover {
            border: 1px solid #0bb27a;
        }

        .valid-HhEF8_0 {
            border: 1px solid #f16543;
        }

        .leftFont-1gidz_0 {
            position: relative;
            color: #1c2438;
        }

        .block-38Eg__0 {
            padding-top: 8px;
        }

        .textArea-1PgK0_0 {
            width: 100%;
            height: 64px;
            text-align: left;
            padding: 8px 0;
            word-break: break-all;
            white-space: normal;
        }

        .desc-1jz71_0 {
            font-size: 14px;
            color: #80848f;
        }

        .file-qqP4j_0 {
            width: 260px;
            height: 45px;
            border: 1px dotted #e1e6eb;
            line-height: 45px;
            text-align: center;
            margin: 8px 0;
            color: #0bb27a;
        }

        #m-main-signOut .ivu-poptip-body {
          padding: 8px 0;
        }
    </style>

